<template lang="html">
  <div class="con-icons-avatar">
    <vs-avatar />
    <vs-avatar color="primary" icon="date_range" />
    <vs-avatar color="success" icon="whatshot" />
    <vs-avatar color="danger" icon="photo_camera" />
    <vs-avatar color="warning" icon="filter_vintage" />
    <vs-avatar color="dark" icon="watch" />
  </div>
</template>

<script>
export default {
}
</script>

<style lang="css">
  .con-icons-avatar {
    display: flex;
    align-items: center;
    justify-content: center;
  }
</style>
